<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="../include/laypublic.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title>复工审批信息新增</title>
</head>
<style>
.fieldset {
	margin-top: 5px;
	margin-bottom: 0px
}

.layui-legend {
	background-color: #5fb878;
	font-size: 15px !important;
	width: 140px;
}

.layui-form-item {
	margin-bottom: 5px;
	clear: both;
	*zoom: 1;
}

.layui-form-label {
	width: 150px;
}
</style>
<body>
	<div class="layui-fluid">
		<div class="layui-card">
			<div class="layui-tab-item layui-show">
				<div style="padding-top: 15px;">&nbsp;</div>
				<form class="layui-form" id="addInfo_form">
					<fieldset class="layui-elem-field layui-field-title fieldset"
						id="baseInfo">
						<legend class="layui-btn layui-legend"
							style="text-align: left; cursor: default;">项目基础信息 ></legend>
						<div style="margin-top: 20px">

							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label">申请公司</label>
									<div class="layui-input-inline">
										<input type="hidden" name="hrOrgid" value="${bindOrgId}">
										<input type="text" value="${bindOrgName}" style="border: 0px;width:220px"
											readonly="readonly" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">申请部门</label>
									<div class="layui-input-inline">
										<input type="hidden" name="hrDeptid" value="${bindDeptId}">
										<input type="text" value="${bindDeptName}"
											style="border: 0px;" readonly="readonly" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label" >申请人</label>
									<div class="layui-input-inline" >
										<input type="hidden" name="hrStaffApplyid"
											value="${SESSION_KEY_USER_DETAIL.hrStaffId }"> <input
											type="text" name="staffname" value="${staffName }"
											readonly="readonly" style="border: 0px" autocomplete="off"
											class="layui-input">
									</div>
								</div>
							</div>

							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label">项目名称</label>
									<div class="layui-input-inline">
										<select name="proCodeAndCodes" id="add_select_proId"
											lay-filter="add_select_proId" lay-search lay-verify="required">
											<option value="">请选择</option>
											<c:if test="${not empty stopBuilds }">
												<c:forEach items="${stopBuilds}" var="stopBuild">
													<option value="${stopBuild.proCode}_${stopBuild.id }_${stopBuild.proName }_${stopBuild.sgCityId }">${stopBuild.proName}</option>
												</c:forEach>
											</c:if>
										</select>
									</div>
								</div>
								<div class="layui-inline">
							    	<label class="layui-form-label">项目地点</label>
						      		<div class="layui-input-inline">
								        <input type="hidden" id="id_sgCityId" name="sgCityId" >
								        <input type="text" id="id_sgCityName" name="sgCityName" style="border:0px;" readonly="readonly" class="layui-input">
						      		</div>
							    </div>
							    <div class="layui-inline">
							    	<label class="layui-form-label">总投资额（万元）</label>
						      		<div class="layui-input-inline">
						        		<input type="text" id="id_sumAmount" name="sumAmount" readonly="readonly" style="border:0px" class="layui-input">
						      		</div>
					    		</div>
							</div>
							<div class="layui-form-item">
								<div class="layui-inline">
							    	<label class="layui-form-label">建安工程费（万元）</label>
						      		<div class="layui-input-inline">
						        		<input type="text" id="id_costCae" name="costCae" readonly="readonly" style="border:0px" class="layui-input">
						      		</div>
							    </div>
							    <div class="layui-inline">
									<label class="layui-form-label">总包单位</label>
									<div class="layui-input-inline">
										<input type="hidden" id="id_sgCoopId" name="sgCoopId" >
										<input type="text" id="id_sgCoopName" name="sgCoopName" readonly="readonly" style="border:0px;width:220px" class="layui-input">									
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label" >是否签订内部协议</label>
									<div class="layui-input-inline" >
										<input type="hidden" id="id_innerSignFlag" name="innerSignFlag" readonly="readonly" style="border:0px" class="layui-input">
										<input type="text" id="innerSignFlag" readonly="readonly" style="border:0px" class="layui-input">										    									
									</div>
								</div>
							</div>							
							<div class="layui-form-item" >
								<div class="layui-inline">
									<label class="layui-form-label" >是否签订居间方协议</label>
									<div class="layui-input-inline" >									    
									 	<select name="linkSignFlag" lay-filter="add_select_link" lay-verify="required" >
											<option value="">请选择</option>
											<option value="1">已签订</option>
											<option value="0">未签订</option>
										</select>
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label" >居间方 </label>
									<div class="layui-input-inline">
										<input type="text" id="id_linkPower" name="linkPower" readonly="readonly" style="border:0px" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label" >是否确定监理单位</label>
									<div class="layui-input-inline" >									    
									 	<select name="supervisorFlag" lay-filter="add_select_supervisor" lay-verify="required" >
											<option value=""  >请选择</option>
											<option value="1" >已确定</option>
											<option value="0" >未确定</option>
										</select>									
									</div>
								</div>
							</div>			
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label" >是否确定跟踪审计单位</label>
									<div class="layui-input-inline" >									    
									 	<select name="trackFlag" lay-filter="add_select_track" lay-verify="required" >
											<option value="" >请选择</option>
											<option value="1" >已确定</option>
											<option value="0" >未确定</option>
										</select>								
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label" >开工日期</label>
									<div class="layui-input-inline" >
										<input type="text" value="" name ="startDate" id="id_startDate"  readonly="readonly" style="border:0px" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label" >内控竣工日期</label>
									<div class="layui-input-inline" >
										<input type="text" value="" name ="ctrlCompletDate" id ="id_ctrlCompletDate" readonly="readonly" style="border:0px" class="layui-input">
									</div>
								</div>
							</div>													
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label" >已停工天数(天数)</label>
									<div class="layui-input-inline" >									    
									 <input type="text" value=""  name="stopDays" lay-verify="required|intNumber" onblur="isNumberAndFloat(this);"
											placeholder="请输入已停工天数" autocomplete="off" class="layui-input">							
									</div>
								</div>								
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">停工问题解决情况</label>
								<div class="layui-input-block">
									<textarea name="solutionMemo" class="layui-textarea" maxlength="500"
										lay-verify="required" style="width: 899px; height: 90px;"></textarea>
								</div>
							</div>
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label" >拟复工日期</label>
									<div class="layui-input-inline" >
										<input type="text" class="layui-input" autocomplete="off" lay-verify="required"
												id="id_planRestartDate" name="planRestartDate" placeholder="拟复工日期" readonly>
									</div>
								</div>							
							</div>						
							<div class="layui-form-item">
								<label class="layui-form-label">拟复工/子项部位</label>
								<div class="layui-input-block">
									<textarea name="planBuildStage" class="layui-textarea" maxlength="500"
										lay-verify="required" style="width: 899px; height: 90px;"></textarea>
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">备注（选填）</label>
								<div class="layui-input-block">
									<textarea name="memo" class="layui-textarea" maxlength="500"
										style="width: 899px; height: 90px;"></textarea>
								</div>
							</div>				
						</div>
					</fieldset>

					<fieldset class="layui-elem-field layui-field-title fieldset">
						<legend class="layui-btn layui-legend"
							style="text-align: left; cursor: default;">附件信息 ></legend>
						<div style="margin-top: 20px;">
							<div class="layui-form-item">
								<label class="layui-form-label" style="width: 350px;">支持pdf、excel、word、图片资料，可上传多个</label>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">附件资料（选填）</label>
								<div class="layui-input-block">
									<div class="layui-upload">
										<button type="button" class="layui-btn" id="1-upload-more">上传</button>
										<div class="layui-upload-list" id="1-upload-more-list">
										</div>
									</div>
								</div>
							</div>												
						</div>
					</fieldset>
					<div class="layui-form-item"
						style="position: fixed ! important; right: 30px; bottom: 45%; z-index: 10000;">
						<div class="layui-input-block">
							<button
								class="layui-btn layui-bg-blue layui-btn-normal layui-btn-lg  layui-btn-radius"
								type="button" lay-submit lay-filter="addInfo_form_submit"
								id="addInfo_form_submit">
								<i class="layui-icon layui-icon-ok layuiadmin-button-btn"></i>提交
							</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
<script>
//静态资源路径前缀
var staticPath = '${fileHttpPre}';
var stateJSON = <infopub:dicJson groupNo="A00010028" />;

layui.config({
	base : '${ctx}/resources/layuiadmin/' //静态资源所在路径
		}).extend({
			index : 'lib/index' //主入口模块
		}).use([ 'index', 'set', 'upload', 'element', 'laydate' ],function() {
			var $ = layui.$, form = layui.form, element = layui.element, laydate = layui.laydate, upload = layui.upload;
			// 正则校验
			form.verify({
				//验证汉字
				CHS : [ /^[\u0391-\uFFE5]+$/, '只能输入汉字' ],
				//大于0的正整数
				intNumber : [ /^[1-9]\d*$/, '请输入正确的数字' ],
				//数字只能有两位小数
				floatNumber : [/^([-]?)([0-9](\d+)?(\.\d{1,2})?$)|(^\d\.\d{1,2}$)/,'请输入正确的数字' ],
				//数字大于0，并只能有两位小数
				floatAmount : [/^([1-9](\d+)?(\.\d{1,2})?$)|(^\d\.\d{1,2}$)/, '请输入正确的数字' ]
				//var pattern=/^((\d+\.\d*[1-9]\d{1})|(\d*[1-9]\d*\.\d{2}))$/; 
			});

			laydate.render({
				elem : '#id_planRestartDate'
				,trigger: 'click'
			});	

			uploadRender(1,upload,$);
		
		//项目地点select监听
	    form.on('select(add_select_proId)', function(data){
	    	var id = data.value;
	    	if(id==''||id==null){
	    		$("#id_sgCityId").val('');
				$("#id_sgCityName").val('');
				$("#id_costCae").val('');
				$("#id_sumAmount").val('');
				$("#id_linkPower").val('');
				$("#id_sgCoopId").val('');
				$("#id_sgCoopName").val('');
				$("#id_innerSignFlag").val('');
				$("#innerSignFlag").val('');
				$("#id_startDate").val('');
				$("#id_ctrlCompletDate").val('');
	    		return;
	    	}
	    	//通过项目名称带出所需要的的数据
			$.ajax({
				type : "POST", //提交方式  
				url : "${ctx}/reworkExam/getReworkExamById",//路径  
				data : {
					"proCodeAndCodes" :id
				},//数据，这里使用的是Json格式进行传输  
				success : function(result) {//返回数据根据结果进行相应的处理 
					if(result.flag==true){
						if(result.stopBuildVo!=null){	
							//带出停工审批数据
							if(result.stopBuildVo.sgCityId!=null&&result.stopBuildVo.sgCityId!=''){
								$("#id_sgCityId").val(result.stopBuildVo.sgCityId);
								$("#id_sgCityName").val(result.stopBuildVo.sgCityName);
							}else{
								$("#id_sgCityId").val('');
								$("#id_sgCityName").val('');
							}
							if(result.stopBuildVo.sumAmount!=null&&result.stopBuildVo.sumAmount!=''){
								$("#id_sumAmount").val(result.stopBuildVo.sumAmount);
							}else{
								$("#id_sumAmount").val(0);
							}
							if(result.stopBuildVo.costCae!=null&&result.stopBuildVo.costCae!=''){
								$("#id_costCae").val(result.stopBuildVo.costCae);
							}else{
								$("#id_costCae").val(0);
							}
							//带出内部协议总包单位
							if(result.stopBuildVo.sgCoopId!=null&&result.stopBuildVo.sgCoopId!=''){
								$("#id_sgCoopId").val(result.stopBuildVo.sgCoopId);
								$("#id_sgCoopName").val(result.stopBuildVo.sgCoopName);
							}else{
								$("#id_sgCoopId").val('');
								$("#id_sgCoopName").val('');
							}
							if(result.stopBuildVo.linkPower!=null&&result.stopBuildVo.linkPower!=''){
								$("#id_linkPower").val(result.stopBuildVo.linkPower);
							}else{
								$("#id_linkPower").val('');
							}
							if(result.stopBuildVo.innerSignFlag!=null&&result.stopBuildVo.innerSignFlag!=''){
								if(result.stopBuildVo.innerSignFlag=='0'){
									$("#id_innerSignFlag").val(result.stopBuildVo.innerSignFlag);
									$("#innerSignFlag").val('未签订');
								}else if(result.stopBuildVo.innerSignFlag=='1'){
									$("#id_innerSignFlag").val(result.stopBuildVo.innerSignFlag);
									$("#innerSignFlag").val('已签订');
								}
							}else{
								$("#id_innerSignFlag").val('');
							}
							//开工日期									
							if (result.stopBuildVo.buildLicenceDate != null) {
								var startDate = layui.util.toDateString(result.stopBuildVo.buildLicenceDate,"yyyy-MM-dd");								
								$("#id_startDate").attr("value",startDate);
							} else {
								$("#id_startDate").attr("value", "");				
							}
							//内控竣工日期									
							if (result.stopBuildVo.buildEndDate != null) {
								var ctrlCompletDate = layui.util.toDateString(result.stopBuildVo.buildEndDate,"yyyy-MM-dd");								
								$("#id_ctrlCompletDate").attr("value",ctrlCompletDate);
							} else {
								$("#id_ctrlCompletDate").attr("value", "");				
							}
							form.render();
						}else{
							layer.msg('数据通信异常~',{icon: 0});
						}
					}				
				} 
			});	    	
	    });

		//监听提交
		form.on('submit(addInfo_form_submit)',function(data) {
			$("#addInfo_form_submit").removeAttr("lay-submit").removeClass("layui-bg-blue").addClass("layui-btn-disabled");
			layer.load();
			//提交 Ajax 成功后，静态更新表格中的数据
			$.ajax({
				type : 'post',
				url : basePath + '/reworkExam/save',
				data : $('#addInfo_form').serialize(),
				success : function(result) {
					if (result.success) {
						layer.closeAll('loading'); //关闭loading
						layer.msg('提交单据成功~',{
							icon : 1
						});
						//两秒后关闭当前页面
						setTimeout(function() {
							/**
							 * 查找父菜单，并刷新
							 */
							var topDoc = $(window.top.document);
							var path = basePath+'/reworkExam/list';
							// 获取页面名称
							var name = topDoc.find(".layui-nav-item [lay-href^='"+path+"']").text();
							if (name == '' || name == null) {
								name = '复工审批';
							}
							window.parent.layui.index.openTabsPage(path,name);
							var iframe = window.parent.layui.admin
									.tabsBody(window.parent.layui.admin.tabsPage.index).find(".layadmin-iframe");
							iframe[0].contentWindow.location.reload(true);

							/**
							 * 关闭当前页
							 */
							var currPath = basePath+'/reworkExam/add';
							var layid = topDoc.find("li[lay-id^='"+ currPath+ "']").attr('lay-id');
							window.parent.layui.element.tabDelete('layadmin-layout-tabs',layid);//关闭当前页
						},2000);
					} else {
						layer.closeAll('loading'); //关闭loading
						$("#addInfo_form_submit").removeClass("layui-btn-disabled").addClass("layui-bg-blue").attr("lay-submit","");
						layer.msg(result.msg,{icon : 7});
					}
				}
			});
		});
		// data-type事件
		$('.layui-btn.layuiadmin-btn-admin').on('click',function() {
			var type = $(this).data('type');
			active[type] ? active[type].call(this): '';
		});
	});

	//删除文件
	function del(index) {
		layui.$("#fileAtt_" + index).remove();
		layui.$("#upload_img_" + index).remove();
	}

	//根据url查看文件
	function showImg(url) {
		var openWin = window.open(url,'','left=410,height=768, width=1024, top=200,  toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no');
	}
	
	var uploadRender = function(id,upload,$) {
		upload.render({
			elem : '#' + id + '-upload-more',
			url : basePath+'/reworkExam/uploadAtt/',
			data : {
				types : id
			},
			multiple : true,
			accept : 'file',
			acceptMime : 'application/zip,application/x-rar-compressed,image/jpeg,image/png,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/pdf',
			before : function(obj) {
				layer.load();
			},
			done : function(res) {
				if (res.code > 0) {
					layer.closeAll('loading');
					return layer.msg(res.msg, {
						icon : 7
					});
				}
				if (res.entity != null&& res.entity.length > 0) {
					for ( var i in res.entity) {
						var reworkExam = res.entity[i];
						var arr = reworkExam
								.split("|");
						var imgSrc = "";
						var suffix = arr[1].substring(arr[1].lastIndexOf(".") + 1,arr[1].length);
						if (suffix == 'jpg'|| suffix == 'png') {
							imgSrc = "${fileHttpPre}/"+arr[3];
						} else {
							imgSrc = "${ctx}/resources/images/"+suffix+".jpg";
						}
						$('#'+id+'-upload-more-list').append('<div class="layui-upload-img-div" id="upload_img_'+arr[2]+'"><img src="'+imgSrc+'" title="'+ arr[1] +'" class="layui-upload-img"><div class="mask"><a href="javascript:void(0)" onclick="showImg(\''+"${fileHttpPre}"+arr[3]+'\');">查看</a><a href="javascript:void(0)" onclick="del(\''+arr[2]+'\')";>删除</a></div><p>'+arr[1]+ '</p><input type="hidden" value="'+reworkExam+'" id="fileAtt_'+arr[2]+'" name="fileAtts'+id+'" ></input></div>');
					}
				}
			},
			allDone : function(obj) {
				layer.closeAll('loading');
			},
			error : function() {
				layer.closeAll('loading');
				layer.msg("上传失败，请稍后再试~", {
					icon : 7
				});
			}
		});
	}
	//'请输入正确数字，且必须为正整数！'
	function isNumberAndFloat(str) {
		var $ = layui.$, form = layui.form
		if (str.value == '' || str.value == null) {
			return;
		}
		var rgx = /^[1-9]\d*$/;

		var boolrgx = rgx.test(str.value);// true 
		if (boolrgx) {
			return true;
		} else {
			str.value =0;
			layer.msg('请输入正确数字，且必须是正整数！');
			return false;
		}
	}
	</script>
</body>
</html>

